<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/resources/template/template_bootstrap.xhtml">


	<ui:define name="title">Relatório de Vendas</ui:define>

	<ui:define name="conteudo">

		<p:outputPanel layout="block"
			rendered="#{usuarioMB.permissaoAdministrador()}">

			<h4>Relatório de Vendas</h4>
			<h5>
				Período:

				<h:outputText
					value="#{relatorioVendasMB.relatorio.periodo.start.time}">
					<f:convertDateTime></f:convertDateTime>
				</h:outputText>
				até
				<h:outputText
					value="#{relatorioVendasMB.relatorio.periodo.end.time}">
					<f:convertDateTime></f:convertDateTime>
				</h:outputText>
			</h5>
			<h5>
				Valor Total no Período:
				<h:outputText value="#{relatorioVendasMB.relatorio.total}">
					<f:convertNumber type="currency"></f:convertNumber>
				</h:outputText>
			</h5>

			<p:dataTable value="#{relatorioVendasMB.periodos}" var="periodo"
				emptyMessage="Não ocorreram vendas no período informado."
				styleClass="borda-tbl-virtual tbl-virtual margin-top margin-bottom">

				<p:column headerText="Mês / Ano">
					<h:outputText
						value="#{relatorioVendasMB.getMesAnoByPeriodo(				
											relatorioVendasMB.relatorio.relatorioPeriodos.get(periodo).periodo)}" />
				</p:column>


				<p:column headerText="Total de Vendas" styleClass="text-right">
					<h:outputText
						value="#{relatorioVendasMB.relatorio.relatorioPeriodos.get(periodo).total}">
						<f:convertNumber type="currency" />
					</h:outputText>
				</p:column>


				<p:column style="width:2%">
					<p:rowToggler />
				</p:column>

				<p:rowExpansion>

					<p:dataTable
						value="#{relatorioVendasMB.relatorio.relatorioPeriodos.get(periodo).itens}"
						var="venda" styleClass="tbl-virtual borda-tbl-virtual">

						<p:column headerText="Data">
							<h:outputText value="#{venda.dataVenda.time}">
								<f:convertDateTime />
							</h:outputText>
						</p:column>

						<p:column headerText="Cliente">
							<h:outputText value="#{venda.cliente.nome}"></h:outputText>
						</p:column>

						<p:column headerText="Total da Venda" styleClass="text-right">
							<h:outputText value="#{venda.totalVenda}">
								<f:convertNumber type="currency" />
							</h:outputText>
						</p:column>

					</p:dataTable>

				</p:rowExpansion>


			</p:dataTable>
		</p:outputPanel>

	</ui:define>
</ui:composition>